<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        li > ul
        {
            display: none;
        }
    </style>
</head>
<body>
    <strong>Click on Item 2 then on Item 2.2</strong>
    <ul>
        <li>Item 1</li>
        <li>
            Item 2
            <ul>
                <li>Item 2.1</li>
                <li>
                    Item 2.2
                    <ul>
                        <li>Item 2.2.1</li>
                        <li>Item 2.2.2</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
        <li>Item 6</li>
    </ul>
    <script src="treeviewmenu.js"></script>
</body>
</html>